import BScroll from 'better-scroll';

/**
 * 设置横向滚动的方法
 * @param {Vue组件实例} that 
 * @param {横向滚动的容器} wrapper 
 * @param {横向滚动的内容区} content 
 * @param {滚动列表项的数目} num 
 * @param {滚动列表项的宽度（单位是rem）} itemWidth 
 */
function betterScrollHorizontal(that,wrapper,content,num,itemWidth){
    //动态设置内容区的宽度
   content.style.width = num * itemWidth + "rem"
    that.$nextTick(() => {
        that.scroll = new BScroll(wrapper, {
          scrollY: false,//关闭纵向滚动
          scrollX:true,// 横向滚动
          startX:0,//横向滚动的开始位置
        })
    })
  }
  

export {betterScrollHorizontal}
